{% extends "views/common/layout.html" %} 
{% block head %}
<link rel="stylesheet" type="text/css" href="{{body.commonCss}}">
<link rel="stylesheet" type="text/css" href="{{body.pageCss}}"> 
{% endblock %} 
{% block body %}

<!-- start -->
<div class="DownloadsChild">
    <hr class="my-0">
    <div class="ScrollableTabs js-ScrollableTabs text-center">
        <div class="ScrollableTabs__wrapper">
            <ul class="List ScrollableTabs__items">
                <li class="ListItem ScrollableTabs__item px-md-5 d-inline-block ScrollableTabs__item--active">
                    <a class="Link ScrollableTabs__link p-5 Link--dark">
                        <span class="SVG-wrapper">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="SVG SVG--inline text-center scale-24 c-bw-14 mb-3"
                                preserveAspectRatio="xMidYMid meet">
                                <path d="M15.281 2.98A5.992 5.992 0 0 1 18 8H6a5.992 5.992 0 0 1 2.719-5.02L7.584 1.277a.5.5 0 1 1 .832-.554l1.186 1.779a5.975 5.975 0 0 1 4.796 0L15.584.723a.5.5 0 1 1 .832.554L15.281 2.98zM6 19V9h12v10a1 1 0 0 1-1 1h-1v3a1 1 0 0 1-2 0v-3h-4v3a1 1 0 0 1-2 0v-3H7a1 1 0 0 1-1-1zM4 9a1 1 0 0 1 1 1v5a1 1 0 0 1-2 0v-5a1 1 0 0 1 1-1zm16 0a1 1 0 0 1 1 1v5a1 1 0 0 1-2 0v-5a1 1 0 0 1 1-1zM10 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm4 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"
                                    fill="#151922"></path>
                            </svg>
                        </span>
                        <div class="ScrollableTabs__title-wrapper">
                            <div class="ScrollableTabs__title micro">Android</div>
                        </div>
                        <div class="ScrollableTabs__active-divider" style="width: 49px;"></div>
                    </a>
                </li>
                <li class="ListItem ScrollableTabs__item px-md-5 d-inline-block">
                    <a class="Link ScrollableTabs__link p-5 Link--dark">
                        <span class="SVG-wrapper">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="SVG SVG--inline text-center scale-24 c-bw-14 mb-3"
                                preserveAspectRatio="xMidYMid meet">
                                <path d="M22 1v9.842L11 11V2.533L22 1zM2 3.946L9 3v7.903L2 11V3.946zm9 17.52V13l11 .158V23l-11-1.533zm-9-1.412V13l7 .098V21l-7-.946z"
                                    fill="#151922" fill-rule="evenodd"></path>
                            </svg>
                        </span>
                        <div class="ScrollableTabs__title-wrapper">
                            <div class="ScrollableTabs__title micro">Windows</div>
                        </div>
                        <div class="ScrollableTabs__active-divider" style="width: 49px;"></div>
                    </a>
                </li>
                <li class="ListItem ScrollableTabs__item px-md-5 d-inline-block">
                    <a class="Link ScrollableTabs__link p-5 Link--dark">
                        <span class="SVG-wrapper">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="SVG SVG--inline text-center scale-24 c-bw-14 mb-3"
                                preserveAspectRatio="xMidYMid meet">
                                <path d="M12 24C5.373 24 0 18.627 0 12S5.373 0 12 0s12 5.373 12 12-5.373 12-12 12zm-6.485-8.51c0 2.079 1.602 3.591 3.6 3.591 1.989 0 3.636-1.539 3.636-3.618 0-2.061-1.611-3.609-3.609-3.609a3.607 3.607 0 0 0-3.627 3.636zm1.161-.027c0-1.431 1.071-2.583 2.457-2.583 1.377 0 2.457 1.152 2.457 2.583 0 1.431-1.08 2.592-2.457 2.592-1.386 0-2.457-1.161-2.457-2.592zm8.932 3.618c1.558 0 2.44-1.035 2.44-2.061 0-1.044-.666-1.791-1.926-2.043l-.892-.171c-.566-.117-.89-.54-.89-.936 0-.54.53-1.026 1.215-1.026.747 0 1.224.558 1.35 1.062l1.025-.324c-.143-.765-.8-1.728-2.393-1.728-1.27 0-2.332.954-2.332 2.115 0 .918.63 1.683 1.791 1.917l.864.18c.595.126 1.044.45 1.044 1.026 0 .594-.576.99-1.277.99-.847 0-1.405-.531-1.558-1.35L13 17.02c.098.999.962 2.061 2.61 2.061zM7.464 7.9V10h.826V7.914c0-.567.308-.945.826-.945.574 0 .798.392.798.924V10h.833V7.69c0-.847-.413-1.512-1.358-1.512-.574 0-.938.21-1.302.616-.21-.378-.581-.616-1.155-.616-.294 0-.756.112-1.113.588v-.504h-.812V10h.833V7.921c0-.567.308-.952.819-.952.574 0 .805.406.805.931zm7.308 2.1V7.62c0-.252-.035-.469-.126-.672-.245-.539-.77-.763-1.4-.763-.273 0-.539.049-.756.147-.518.224-.805.7-.84 1.015l.756.168c.063-.357.364-.616.819-.616.49 0 .735.273.735.567 0 .182-.098.315-.35.315h-.462c-.651 0-1.554.273-1.554 1.141v.042c0 .644.532 1.099 1.26 1.099.35 0 .826-.119 1.099-.574V10h.819zm-.819-1.512c0 .56-.364.91-.931.91-.35 0-.595-.203-.595-.511 0-.35.406-.518.721-.518h.805v.119zm3.591 1.575c1.015 0 1.596-.651 1.764-1.225l-.763-.245c-.112.287-.343.714-.987.714-.637 0-1.106-.497-1.106-1.197 0-.707.49-1.169 1.099-1.169.623 0 .896.406.98.7l.756-.252c-.161-.63-.805-1.204-1.729-1.204-1.113 0-1.96.875-1.96 1.939 0 1.099.847 1.939 1.946 1.939z"
                                    fill="#151922" fill-rule="evenodd"></path>
                            </svg>
                        </span>
                        <div class="ScrollableTabs__title-wrapper">
                            <div class="ScrollableTabs__title micro">macOS</div>
                        </div>
                        <div class="ScrollableTabs__active-divider" style="width: 49px;"></div>
                    </a>
                </li>
                <li class="ListItem ScrollableTabs__item px-md-5 d-inline-block">
                    <a class="Link ScrollableTabs__link p-5 Link--dark">
                        <span class="SVG-wrapper">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="SVG SVG--inline text-center scale-24 c-bw-14 mb-3"
                                preserveAspectRatio="xMidYMid meet">
                                <path d="M20.652 18.12c-.52 1.149-.767 1.662-1.436 2.677-.931 1.418-2.244 3.185-3.871 3.2-1.446.013-1.818-.94-3.78-.93-1.962.01-2.373.946-3.82.933-1.627-.015-2.87-1.61-3.803-3.029-2.604-3.966-2.877-8.619-1.27-11.092 1.14-1.76 2.942-2.787 4.637-2.787 1.725 0 2.808.945 4.235.945 1.383 0 2.226-.947 4.22-.947 1.508 0 3.106.821 4.243 2.238-3.728 2.045-3.122 7.368.645 8.792zM15.069 4.048C14.19 5.173 12.682 6.045 11.223 6c-.266-1.45.418-2.943 1.246-3.95C13.383.942 14.946.091 16.282 0c.227 1.515-.394 2.998-1.213 4.048z"
                                    fill="#151922"></path>
                            </svg>
                        </span>
                        <div class="ScrollableTabs__title-wrapper">
                            <div class="ScrollableTabs__title micro">iOS · iPhone · iPad</div>
                        </div>
                        <div class="ScrollableTabs__active-divider" style="width: 49px;"></div>
                    </a>
                </li>
                <li class="ListItem ScrollableTabs__item px-md-5 d-inline-block">
                    <a class="Link ScrollableTabs__link p-5 Link--dark">
                        <span class="SVG-wrapper">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="SVG SVG--inline scale-24 c-bw-14 text-center mb-3"
                                preserveAspectRatio="xMidYMid meet">
                                <path d="M12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm-5.61-6L3 4.077C5.154 1.584 8.316 0 11.844 0 16.181 0 19.965 2.388 22 5.922H11.967c-2.6 0-4.806 1.713-5.577 4.078zM13 18.032L9.664 24C4.182 23.007 0 18.068 0 12.126 0 9.889.604 7.798 1.635 6l5.11 9.143.007-.003c1.011 1.802 2.894 3.02 5.052 3.02.41 0 .81-.045 1.196-.128zM16.504 8h6.788c.45 1.254.708 2.597.708 4.002C24 18.578 18.628 23.93 12 24l5.248-8.997-.006-.003a5.911 5.911 0 0 0 .82-2.998A5.938 5.938 0 0 0 16.503 8z"
                                    fill="#151922"></path>
                            </svg>
                        </span>
                        <div class="ScrollableTabs__title-wrapper">
                            <div class="ScrollableTabs__title micro">
                                <span>Chrome</span>
                            </div>
                        </div>
                        <div class="ScrollableTabs__active-divider" style="width: 49px;"></div>
                    </a>
                </li>
                <li class="ListItem ScrollableTabs__item px-md-5 d-inline-block">
                    <a class="Link ScrollableTabs__link p-5 Link--dark">
                        <span class="SVG-wrapper">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="d-block SVG SVG--inline scale-24 js-SVG--with-scale c-bw-14 text-center mb-3"
                                preserveAspectRatio="xMidYMid meet">
                                <path d="M12.092 23.264c-2.527 0-4.78-.672-6.757-2.015-1.978-1.344-3.449-3.123-4.413-5.338-.518-1.17-.817-2.513-.897-4.031-.08-1.518.035-3.002.348-4.453a17.144 17.144 0 0 1 1.487-4.18C2.538 1.914 3.337.83 4.257 0L4.11 3.764c.098-.125.401-.195.91-.208.51-.013.822.056.938.208.375-.724 1.091-1.34 2.15-1.849 1.058-.509 2.105-.772 3.14-.79-.482.402-1.015 1.065-1.6 1.989-.585.924-.846 1.654-.784 2.19.224.071.503.131.837.18.335.05.616.083.844.101.228.018.531.036.91.054.38.017.606.03.677.04.134.044.177.248.128.61-.05.36-.186.698-.409 1.01a2.168 2.168 0 0 1-.221.248c-.103.103-.355.261-.757.476a4.558 4.558 0 0 1-1.352.455l.2 2.531-1.861-.897c-.16.384-.194.748-.1 1.092.093.343.254.64.481.89.228.25.52.436.878.556.357.12.719.15 1.085.087.455-.08.893-.234 1.312-.462.42-.228.793-.429 1.119-.603.325-.174.654-.252.984-.234.545.036.944.183 1.199.442.254.259.341.55.26.87l-.033.074a.987.987 0 0 1-.355.375 1.362 1.362 0 0 1-.421.14 2.04 2.04 0 0 1-.623.014c-.536.848-1.181 1.453-1.936 1.815-.754.362-1.69.493-2.806.395a5.393 5.393 0 0 0 2.177 1.105c.79.192 1.542.219 2.257.08a8.253 8.253 0 0 0 2.069-.696 6.792 6.792 0 0 0 1.714-1.172c.478-.455.837-.92 1.078-1.393a5.446 5.446 0 0 0 .523-2.578 7.838 7.838 0 0 0-.502-2.525c-.3-.777-.65-1.335-1.052-1.674.777.34 1.389.694 1.835 1.065.447.37.79.873 1.031 1.507.134-1.518-.122-3.05-.77-4.594-.647-1.545-1.582-2.813-2.806-3.804 2.366.687 4.206 1.935 5.518 3.743C23.29 6.436 23.963 8.746 24 11.558a10.265 10.265 0 0 1-.543 3.416 11.41 11.41 0 0 1-1.654 3.187 13.815 13.815 0 0 1-2.531 2.626 11.385 11.385 0 0 1-3.315 1.814 11.47 11.47 0 0 1-3.864.663z"
                                    fill="#151922"></path>
                            </svg>
                        </span>
                        <div class="ScrollableTabs__title-wrapper">
                            <div class="ScrollableTabs__title micro">
                                <span>Firefox</span>
                            </div>
                        </div>
                        <div class="ScrollableTabs__active-divider" style="width: 49px;"></div>
                    </a>
                </li>
            </ul>
            <div class="ScrollableTabs__paddle">
                <a class="Link ScrollableTabs__paddle-left">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="SVG SVG--inline c-bw-14"
                        preserveAspectRatio="xMidYMid meet">
                        <path d="M6.667 8l4.666 4.667L10 14 4 8l6-6 1.333 1.333z" fill="#151922" fill-rule="evenodd"></path>
                    </svg>
                </a>
                <a class="Link ScrollableTabs__paddle-right">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="SVG SVG--inline c-bw-14"
                        preserveAspectRatio="xMidYMid meet">
                        <path d="M8.667 8L4 3.333 5.333 2l6 6-6 6L4 12.667z" fill="#151922" fill-rule="evenodd"></path>
                    </svg>
                </a>
            </div>
        </div>
    </div>
    <hr class="my-0">
    <section class="BannerWrapper">

    </section>
    <hr class="my-0">


</div>

<!-- end -->

<script type="text/javascript" src="{{body.commonJs}}"></script>
<script type="text/javascript" src="{{body.pageJs}}"></script> 
{% endblock %}